<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>2.0-流量分析</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/qd.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">

</head>

<body>
    <!--头部-->
    <div class="g_header">
        <div class="g_hea_g1">
            <div class="g_hea_g2">
                <span class="g_hea_img1" id="trigger-overlay">
                    <img src="images/logo_yly.png" class="img_1 fl">
                    <img src="images/icon-menu.png" class="menu fl">
                </span>

                <div class="g_hea_login">管理员管理员,欢迎您登陆
                    <span></span>
                    <div class="userboxinfo userboxinfob">
                        <ul class="ul_userlist">
                            <li>
                                <a href="/updatePwd">修改密码</a>
                            </li>
                            <li>
                                <a href="/logout">退出</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="g_hear">
                    <a href="#">
                        <img src="images/icon_home.png">首页</a>
                    <a href="#">
                        <img src="images/sf1_07.png">传链社区</a>
                    <a href="#">
                        <img src="images/sf1_09.png">服务中心</a>
                    <a href="message.html">
                        <i>22</i>消息</a>
                </div>
            </div>
        </div>
        <!-- <div class="g_header_d">
            <span class="g_hea_img1" id="trigger-overlay">
                <img src="images/icon-menu.png" alt="">
            </span>
            <div class="g_hear">
                <a href="#"><img src="images/sf1_07.png">传链社区</a>
                <a href="#"><img src="images/sf1_09.png">服务中心</a>
                <a href="message.html"><img src="images/sf1_11.png">消息</a>
            </div>
            <p class="g_hea_p3">
                <label class="switch_largeb"><input type="checkbox"><span></span></label>
                <span>关闭流程图</span>
            </p>
        </div> -->
        <div class="overlay overlay-genie " data-steps="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z;m 698.9986,728.03569 41.23353,0 -3.41953,77.8735 -34.98557,0 z;m 687.08153,513.78234 53.1506,0 C 738.0505,683.9161 737.86917,503.34193 737.27015,806 l -35.90067,0 c -7.82727,-276.34892 -2.06916,-72.79261 -14.28795,-292.21766 z;m 403.87105,257.94772 566.31246,2.93091 C 923.38284,513.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 455.17312,480.07689 403.87105,257.94772 z;M 51.871052,165.94772 1362.1835,168.87863 C 1171.3828,653.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 31.173122,513.78234 51.871052,165.94772 z;m 52,26 1364,4 c -12.8007,666.9037 -273.2644,483.78234 -322.7299,776 l -633.90062,0 C 359.32034,432.49318 -6.6979288,733.83462 52,26 z;m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z"
            id="g_hea_con">
            <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1440 806" preserveAspectRatio="none" class="svg1">
                <path class="overlay-path" d="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z" />
            </svg>
            <ul class="g_hea_ul">
                <li class="li1">System Management</li>
                <li class="li2">基础资料</li>
                <li class="li3">耗材管理</li>
                <li class="li4">科室管理</li>
                <li class="li5">财务管理</li>
                <li class="li6">统计查询</li>
            </ul>
            <div class="g_hea_ulbox">
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li>系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="sfy_nav.html" class="g_hea_a1">用户参数设置1</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1 active">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置2</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置3</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置4</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置5</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置6</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
            </div>
            <img src="images/cross.png" class="g_hea_close">
        </div>
    </div>
    <!-- 流程图-->
    <!--<div class="g_He_bx">
        <dl class="flow_link">
            <dt>物流商流程</dt>
            <dd class="active"><span>物流订单接受</span></dd>
            <dd><span>集单</span></dd>
            <dd><span>订单调度</span></dd>
            <dd><span>仓储安排</span></dd>
            <dd><span>运输安排</span></dd>
            <dd><span>物流订单分发</span></dd>
        </dl>
    </div>-->
    <!-- end流程图-->
    <!-- 按钮 当前位置-->
    <div class="g_header_nav">
        <div class="g_header_t">
            <div class="operate-btns">
            </div>
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li><a href="#">会员管理端</a></li>
                <li><a href="llfx.html">流量分析</a></li>
            </ol>
            <h3 class="current_module">流量分析</h3>
        </div>
    </div>
    <!--end  按钮 当前位置-->
    <!--end头部-->
    <div class="content">
        <div class="bd-lft" style="padding-left:310px;overflow:visible;">
            <div class="main">
                <div class="group_search layui-form">
                    <div class="row">
                        <div class="col-md-5 col-lg-5">
                            <div class="box_date">
                                <input type="text" action="date" placeholder="开始时间">
                                <span class="text-and">—</span>
                                <input type="text" action="date" placeholder="">
                            </div>
                        </div>
                        <div class="col-md-5 col-lg-5">
                            <div class="box_date">
                                <input type="text" action="date" placeholder="结束时间">
                                <span class="text-and">—</span>
                                <input type="text" action="date" placeholder="">
                            </div>
                        </div>
                        <div class="col-md-2 col-lg-2 text_right">
                            <button type="button" class="btn btn-def">
                                <span class="glyphicon glyphicon-search"></span>
                                查询
                            </button>
                        </div>
                    </div>
                        
                        
                </div>
                <div class="business-info col-md-12">
                    <div class="fheader">
                        <h4 class="fh-tit fh-analysis">业务量分析</h4>
                        <div class="stretch ml-20">
                            <div class="stretch-push"></div>
                        </div>
                    </div>
                    <div class="fpart pull1">
                        <div class="group_search layui-form mb-20">
                            <div class="row">
                                <div class="col-md-12 col-lg-12">
                                    <div class="input-group check-group">
                                        <span class="input-group-addon" id="basic-addon1">统计类型</span>
                                        <label class="radio-inline">
                                            <input type="radio" name="statistical" id="inlineRadio1" value="1"  checked="checked">
                                            <span>全部</span>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="statistical" id="inlineRadio1" value="2">
                                            <span>按单</span>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="statistical" id="inlineRadio1" value="2">
                                            <span>按件</span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 col-lg-12">
                                    <div class="input-group check-group">
                                        <span class="input-group-addon" id="basic-addon1">趋势分类</span>
                                        <label class="radio-inline">
                                            <input type="radio" name="classification" id="inlineRadio1" value="1"  checked="checked">
                                            <span>总额趋势</span>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="classification" id="inlineRadio1" value="2">
                                            <span>增长率趋势（同比）</span>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="classification" id="inlineRadio1" value="2">
                                            <span>增长率趋势（环比）</span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 col-lg-12">
                                    <div class="input-group check-group">
                                        <span class="input-group-addon" id="basic-addon1">趋势周期</span>
                                        <label class="radio-inline">
                                            <input type="radio" name="TrendCycle" id="inlineRadio1" value="1"  checked="checked">
                                            <span>天</span>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="TrendCycle" id="inlineRadio1" value="2">
                                            <span>周</span>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="TrendCycle" id="inlineRadio1" value="2">
                                            <span>月</span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8 col-lg-8"></div>
                                <div class="col-md-4 col-lg-4 text_right">
                                    <button type="button" class="btn btn-def btn-analysis">
                                        <span>分析</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div id="echarts1" style="height:400px;"></div>
                    </div>
                </div>
                <div class="business-info col-md-12">
                    <div class="fheader">
                        <h4 class="fh-tit fh-analysis"> 流量费分析</h4>
                        <div class="stretch ml-20">
                            <div class="stretch-push"></div>
                        </div>
                    </div>
                    <div class="fpart pull1">
                        <div class="group_search layui-form mb-20">
                            <div class="row">
                                <div class="col-md-12 col-lg-12">
                                    <div class="input-group check-group">
                                        <span class="input-group-addon" id="basic-addon1">趋势分类</span>
                                        <label class="radio-inline">
                                            <input type="radio" name="classification" id="inlineRadio1" value="1"  checked="checked">
                                            <span>总额趋势</span>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="classification" id="inlineRadio1" value="2">
                                            <span>增长率趋势（同比）</span>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="classification" id="inlineRadio1" value="2">
                                            <span>增长率趋势（环比）</span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12 col-lg-12">
                                    <div class="input-group check-group">
                                        <span class="input-group-addon" id="basic-addon1">趋势周期</span>
                                        <label class="radio-inline">
                                            <input type="radio" name="TrendCycle" id="inlineRadio1" value="1"  checked="checked">
                                            <span>天</span>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="TrendCycle" id="inlineRadio1" value="2">
                                            <span>周</span>
                                        </label>
                                        <label class="radio-inline">
                                            <input type="radio" name="TrendCycle" id="inlineRadio1" value="2">
                                            <span>月</span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-8 col-lg-8"></div>
                                <div class="col-md-4 col-lg-4 text_right">
                                    <button type="button" class="btn btn-def btn-analysis">
                                        <span>分析</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div id="echarts2" style="height:400px;"></div>
                    </div>
                </div>
            </div>
            <div class="aside" style="width:300px;left:-310px;">
                <div class="left-tree" style="width:290px;height:auto; padding: 20px;">
                    <b class="disb font-blue">会员查询</b>
                    <div class="search_box1 search_box1sa" style="width: 248px;">
                        <input type="text" placeholder="会员名称" style="width: 188px;">
                        <button type="button" class="btn btn-def" action="search">
                            <span class="glyphicon glyphicon-search"></span>
                        </button>
                    </div>
                    <table class="table">
                        <thead>
                            <tr>
                                <th>序号</th>
                                <th>会员名称</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="tr_active">
                                <td>01</td>
                                <td>武汉医院贸易有限公司</td>
                            </tr>
                            <tr>
                                <td>02</td>
                                <td>武汉制药厂</td>
                            </tr>
                            <tr>
                                <td>03</td>
                                <td>湖北省益康制药厂</td>
                            </tr>
                            <tr>
                                <td>04</td>
                                <td>广八路滨湖双鹤制药厂</td>
                            </tr>
                            <tr>
                                <td>05</td>
                                <td>武汉第五制药厂</td>
                            </tr>
                            <tr>
                                <td>06</td>
                                <td>长青制药厂</td>
                            </tr>
                            <tr>
                                <td>07</td>
                                <td>滨湖双鹤药业有限责任公司</td>
                            </tr>
                            <tr>
                                <td>08</td>
                                <td>哈药制药六厂</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <!-- <script type="text/javascript" src="lib/echarts-all.js"></script> -->
    <script type="text/javascript" src="lib/echarts.min.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="lib/paging.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/cy.js"></script>
    <script>
            $(function() {
                var myChart1 = echarts.init(document.getElementById('echarts1'));
                option = {
                    tooltip: {
                        trigger: 'axis',
                        // backgroundColor: '#00aaeb',
                        // formatter: '{c}万元',
                        borderRadius: 8,
                        axisPointer: { // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
                        }
                    },
                    grid: {
                        left: '3%',
                        right: '0',
                        bottom: '0',
                        containLabel: true,
                    },
                    toolbox: {
                        show: true,
                        feature: {
                            saveAsImage: {}
                        }
                    },
                    yAxis: {
                        type: 'value',
                        splitNumber: 4,
                    },
                    xAxis: {
                        type: 'category',
                        data: ['09-01', '09-02', '09-03', '09-04', '09-05', '09-06', '09-07', '09-08', '09-09', '09-10', '09-11', '09-12']
                    },
                    series: [{
                        name: '总额趋势',
                        type: 'line', //图表类型 折线图（line） 柱形图（bar）
                        symbolSize: 10, //图标尺寸
                        symbol: 'circle',
                        data: [2.5, 2.6, 2.5, 2.4, 2.45, 2.5, 2.4, 2.3, 2.35, 2.4, 2.45, 2.3],
                        itemStyle: {
                            normal: {
                                color: "#00aaeb" //图标颜色
                            }
                        },
                        lineStyle: {
                            normal: {
                                color: "#00aaeb" //连线颜色
                            }
                        },
                    },{
                        name: '总额趋势',
                        type: 'line', //图表类型 折线图（line） 柱形图（bar）
                        symbolSize: 10, //图标尺寸
                        symbol: 'circle',
                        data: [4, 4.2, 4.1, 4, 3.98, 4.12, 4.3, 4.25, 4.2, 4.1, 4, 4.15],
                        itemStyle: {
                            normal: {
                                color: "#ff9e3e" //图标颜色
                            }
                        },
                        lineStyle: {
                            normal: {
                                color: "#ff9e3e" //连线颜色
                            }
                        },
                    }]
                };
                myChart1.setOption(option);

                var myChart2 = echarts.init(document.getElementById('echarts2'));
                option = {
                    tooltip: {
                        trigger: 'axis',
                        // backgroundColor: '#00aaeb',
                        // formatter: '{c}万元',
                        borderRadius: 8,
                        axisPointer: { // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
                        }
                    },
                    grid: {
                        left: '3%',
                        right: '0',
                        bottom: '0',
                        containLabel: true,
                    },
                    toolbox: {
                        show: true,
                        feature: {
                            saveAsImage: {}
                        }
                    },
                    yAxis: {
                        type: 'value',
                        splitNumber: 4,
                    },
                    xAxis: {
                        type: 'category',
                        data: ['09-01', '09-02', '09-03', '09-04', '09-05', '09-06', '09-07', '09-08', '09-09', '09-10', '09-11', '09-12']
                    },
                    series: [{
                        name: '总额趋势',
                        type: 'line', //图表类型 折线图（line） 柱形图（bar）
                        symbolSize: 10, //图标尺寸
                        symbol: 'circle',
                        data: [2.5, 2.6, 2.5, 2.4, 2.45, 2.5, 2.4, 2.3, 2.35, 2.4, 2.45, 2.3],
                        itemStyle: {
                            normal: {
                                color: "#00aaeb" //图标颜色
                            }
                        },
                        lineStyle: {
                            normal: {
                                color: "#00aaeb" //连线颜色
                            }
                        },
                    },{
                        name: '总额趋势',
                        type: 'line', //图表类型 折线图（line） 柱形图（bar）
                        symbolSize: 10, //图标尺寸
                        symbol: 'circle',
                        data: [4, 4.2, 4.1, 4, 3.98, 4.12, 4.3, 4.25, 4.2, 4.1, 4, 4.15],
                        itemStyle: {
                            normal: {
                                color: "#ff9e3e" //图标颜色
                            }
                        },
                        lineStyle: {
                            normal: {
                                color: "#ff9e3e" //连线颜色
                            }
                        },
                    }]
                };
                myChart2.setOption(option);
            })
        </script>
</body>

</html>